import React, { Component } from 'react'
// import Button from 'antd/lib/button'
// import 'antd/dist/antd.css'
import {Button} from 'antd'
export default class AntdTest extends Component {
  constructor(prop){
    super(prop)
    this.state = {
      button: '我是按钮'
    }
  }

  render () {
    return (
      <div>
        <Button type="primary">{this.state.button}</Button>
        <Button type="primary" onClick={this.Add}>{this.props.title}</Button>
      </div>
    )
  }
  
  Add = () => {
    this.props.add()
  }

  // componentDidMount(){
  //   setInterval(() => {
  //     this.setState({
  //       comments: [
  //         {body: 'react is good', author: 'facebook'},
  //         {body: 'vue is very good', author: 'youyuxi'}
  //       ]
  //     })
  //   }, 1000)
  // }
  // 判断是否需要更新组件render
  // shouldComponentUpdate(nextProps){
  //   if(nextProps.data.body === this.props.data.body && nextProps.data.author === this.props.data.author) {
  //     return false
  //   }
  //   return true
  // }

  
}

// 函数组件 使有pureComponent的能力 16.6以后版本
// const Comment = React.memo(function (props){
//   return (
//     <div>
//       <p>{props.body}</p>
//     </div>
//   )
// })
